<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/PC端.css"/>
		<style type="text/css">
			
			        /*pc端公共样式*/
			/*body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dd,fieldset,legend,button,input,textarea,th,td{padding:0;margin:0;}
            li{list-style:none;}
            a{text-decoration:none;}
            .clear:after{content:"";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
            .clear{zoom:1;}
            .pullleft{float:left;}
            .pullright(float:right;)*/
           
                  /*内容区样式*/
            /*.public_center{margin: 0 auto;}
            .bg-top{height: 70px;background: #c8251e;}
            .top{height: 70px;background:#c8251e;}
            .top .main{width:1046px;margin: 0 auto;font-size: 12px;}
            .top .main .left{line-height: 70px;height: 70px;text-align: center;float:left;}
             .top .main .left img{vertical-align: middle;width: 159px;height: 47px;}
            .top .main .right li{float:left;width: 97px;border-left: 1px solid #d2625e;text-align: center;line-height: 70px;}
             .top .main .right li:last-child{width: 190px;}
            .top .main .right{float: right;}
            .top .main .right li:hover{background:#414141;}
            .top .main .right li a{color:white;display: block;text-align: center;line-height: 70px;}
            .top .main .right li a img{vertical-align: middle;margin-left: 20px;}
            .bg-banner{height:500px;}
            .banner img{width:100%;height: 500px;}
            .bg-what{height: 526px;}
            .what h1,.what h2,.what div,.what p{margin: 0 auto;width: 1000px;text-align: center;}
            .what h1{font-size: 32px;color: #4f4f4f;font-weight: 100;margin-top: 50px;}
            .what h2{font-size: 26px;color: #e50100;font-weight: 500;}
            .what p{margin-top: 45px;font-size: 12px;}
            .what ul{margin:0 auto;width: 1000px;margin-top: 68px;}
            .what li{width: 142px;height: 142px;float: left;margin-right: 144px;text-align: center;}
            .what li:last-child{margin-right: 0;}
            .what li p{margin-top: 27px;width:140px;font-size: 16px;}
            .what li img{display: block;}
            .bg-case{height:1110px;background:#F7F7F7;}
            .case{width: 1232px;margin:0 auto;overflow: hidden;}
            .case h2{font-size: 26px;color: #e50100;font-weight: 500;width: 150px;margin: 0 auto;padding-top:56px;}
            .case h1{font-size: 32px;color: #4f4f4f;font-weight: 100;width: 170px;margin: 0 auto;padding-bottom: 100px;}
            .case li {float:left;margin-right: 29px;background: white;border-bottom: 1px solid #e7e7e7;margin-bottom: 29px;}
            .case li:nth-child(3n){margin-right: 0;}
            .case li .pic{width:391px;height:317px;}
            .case li .left{float: left;font-size: 16px;font-weight: 500;color: #999999;margin-left: 20px;}
             .case li .left h3{font-size: 16px;font-weight: 500;margin-top:19px;color: black;}
             .case li .left h4{font-size: 12px;font-weight: 400;margin-top: 15px;}
            .case li .right{float: right;text-align: center;height: 88px;line-height: 88px;margin-right: 20px;}
            .case li .right img{vertical-align: middle;}
            .bg-item{height: 303px;background:#ce0000;}
            .item{width: 280px;height: 303px;margin: 0 auto;color: white;overflow: hidden;}
            .item h1{font-size:28px;color:white;margin: 0 auto;font-weight: 500;margin-top: 56px;}
            .item div{margin: 0 auto;text-align: center;margin-top:38px;margin-bottom: 38px;}
            .item .box{width:145px;height:43px;border:2px solid white;text-align: center;line-height:43px;margin: 0 auto;}
            .bg-news{height: 640px;background: #e4e4e4;}
            .news{width: 1116px;margin: 0 auto;text-align: center;overflow: hidden;}
            .news h1,.news h2,.news img,.news div{margin: 0 auto;font-weight: 500;color:#3c3e3d;}
            .news h2{margin-top: 60px;margin-bottom: 20px;}
            .news img{display: block;margin-bottom: 36px;}
            .news h1{margin-bottom: 16px;}
            .news h2{font-weight: 100;color:#3c3e3d;}
            .news .box{margin-left: 70px;margin-bottom: 40px;}
            .news .box a{color: black;margin-right:70px;}
            .news .box a:hover{color:#d5001e;}
            .news .left{float:left;width: 318px;height:338px;background: white;margin-right: 23px;}
            .left .a img{margin:0 12px;}
            .b{font-size: 12px;text-align: left;}
            .b p{margin-bottom: 23px;color:#d3011e;font-size: 12px;}
            .c{margin-left: 50px}
            .news .left .pic2 img{width:15px;height:14px;display:inline-block;margin-bottom: 0;}
            .news .left .pic2{color: #828081;}
            .news .left p{margin-top: 17px;line-height: 26px;font-size: 12px;color: #828081;}
            .news .right{overflow: hidden;}
            .news .right li{width:376px;height: 100px;background: white;float: left;padding-top:19px;margin-right: 17px;margin-bottom: 19px;
               padding-left: 17px;box-sizing: border-box;}
            .news .right li:nth-child(2n){margin-right: 0;}
            .news .right img{float: left;margin-right: 14px;}
            .news .right .font{overflow: hidden;font-size: 12px;text-align: left;}
            .news .right .font p:first-child{margin-bottom: 14px;color:#333134;}
            .bg-footer{height: 380px;background:#323232;}
            .footer{width:1110px;margin:0 auto;padding-top: 70px;box-sizing: border-box;}
            .footer .table{color: white;font-size: 12px;}
            .footer .table ul{margin-right: 120px;}
            .footer .table ul li{margin-bottom: 16px;}
            .footer .table ul li:first-child{margin-bottom: 28px;}
            .footer .contact{color: white;font-size: 12px;margin-bottom:81px;}
            .footer .contact div{margin-bottom: 37px;}
            .footer .contact p{margin-bottom: 20px;}
            .footer .contact p img{vertical-align: middle;margin-right: 7px;}
            .footer .nav{border-top: 1px solid #4b4b4b;height: 45px;text-align: center;line-height: 45px;}
            .footer .nav a{color:#cccccc;margin-right:5px;font-size: 12px;}*/
		</style>
	</head>
	<body>
		<div class="boss">
			<div class="bg-top">
				<div class="top">
					<div class="main public_center">
						<div class="left pullleft"><img src="img/images/logo.png"/></div>
						<div class="right pullright">
							<ul>
								<li><a href="">首页</a></li>
								<li><a href="">走进东浩</a></li>
								<li><a href="">服务项目</a></li>
								<li><a href="">客服案例</a></li>
								<li><a href="">新闻动态</a></li>
								<li><a href="">联系我们</a></li>
								<li><a href=""><img src="img/index_03.jpg"/></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="bg-banner">
				<div class="banner public_center">
					<img src="img/images/20160821133638_67592.jpg"/>
				</div>
			</div>
			<div class="bg-what">
				<div class="what public_center">
					<h1>WGTA WE DO</h1>
					<h2>我们能为你做什么</h2>
					<div>
						<img src="img/index_04_03.jpg"/>
					</div>
					<p>东浩团队创建于与2009年东浩团队创建于与200东浩团队创建于与2009年东浩团队创建于与2009年9年东浩团队创建于与2009年
						东浩团队创建于与2009年东浩团队创建于与2009年东浩团队创建于与200东浩团队创建于与2009年东浩团队创建于与2009年<br /><br />信息化信息化信息化信息化</p>
				   <ul>
				   	<li><img src="img/images/20160818204902_46414.png"/>
				   	<p>定制型网站建设</p></li>
				   	<li>
				   		<img src="img/images/20160818205246_25471.png"/>
				   		<p>HTML5网站建设</p>
				   	</li>
				   	<li>
				   		<img src="img/images/20160818205329_25470.png"/>
				   		<p>移动端应用开发</p>
				   	</li>
				   	<li>
				   		<img src="img/images/20160818205400_95921.png"/>
				   		<p>域名服务器租用</p>
				   	</li>
				   </ul>
				</div>
			</div>
			<div class="bg-case">
				<div class="case public_center">
					<h2>我们的案例</h2>
					<h1>OUR CASE</h1>
					<ul>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
						<li>
							<img src="img/indx_03.jpg" class="pic"/>
							<div class="box">
								<div class="left">
									<h3>北京新里程肿瘤医院</h3>
									<h4>企业网站 医院网站制作</h4>
								</div>
								<div class="right"><img src="img/images/（PNG 图像，24x24 像素）.png"/></div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="bg-item">
				<div class="item public_center">
					<h1>让我们来谈谈你的项目</h1>
					<div>
						<img src="img/inex_07.jpg"/>
					</div>
					<div class="box">GET IN TOUCH</div>
				</div>
			</div>
			<div class="bg-news">
				<div class="news public_center">
					<h2>NEWS</h2>
					<h1>新闻动态</h1>
					<img src="img/index_04_03.jpg"/>
					<div class="box">
						<a href="">公司动态</a><a href="">行业动态</a><a href="">建站知识</a>
					</div>
					<div class="left">
						<img src="img/dex_03.jpg" class="pic3"/>
						<div class="data">
							<div class="a pullleft">
								<img src="img/index33_07.jpg"/>
							</div>
							<div class="b pullright">
								<p>签约北京云海网络科技有限公司</p>
								<div class="pic2">
									<img src="img/index33_13.jpg"/><span style="margin-right: 50px;">编辑 管理员</span><img src="img/index33_10.jpg" class="c"/>访问量65
								</div>
							</div>
						</div>
						<p style="text-align: left;margin-left: 12px;padding-right: 10px;box-sizing: content-box;">北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海北京云海</p>
						
					</div>
					<div class="right">
						<ul>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							<li><img src="img/index33_03.jpg"/>
							<div class="font">
								<p>成功签约北京成功签约北京成功签约北京</p>
								<p>成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签约北京成功签</p>
							</div></li>
							
							
						</ul>
					</div>
				</div>
			</div>
			<div class="bg-footer public_center">
				<div class="footer">
					<div class="tt">
						<div class="info2">
							<img src="img/images/ewm.jpg" style="float: left;margin-right: 29px;"/>
							<div class="table">
								<ul class=pullleft>
									<li>网站导航</li>
									<li>走进东浩</li>
									<li>网站导航</li>
									<li>网站导航</li>
									<li>网站导航</li>
								</ul>
								<ul class=pullleft>
									<li>服务项目</li>
									<li>定制型网站建设</li>
									<li>网站导航</li>
									<li>网站导航</li>
									<li>网站导航</li>
								</ul>
								<ul class=pullleft>
									<li>新闻动态</li>
									<li>公司动态</li>
									<li>网站导航</li>
									<li>网站导航</li>
									<li>网站导航</li>
								</ul>
							</div>
						</div>
						<div class="contact">
							<div >联系我们</div>
							<p><img src="img/indexf_03.jpg"/>北京市朝阳区北京北京朝阳</p>
							<p><img src="img/indexf_06.jpg"/>北京市朝阳区北京北京朝阳</p>
							<p><img src="img/indexf_08.jpg"/>北京市朝阳区北京北京朝阳</p>
						</div>
					</div>
					<div class="nav">
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
						<a href="">友情链接</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
